//头部审批详情的设置
.header {
    height: 40px;
    width: 100%;
    // border: 1px solid red;
    background-color: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: fixed;
    top: 0;
    z-index: 1;
    .left{
        height: 40px;
        width: 10px;
        .iconfont {
            color: #333333;
            font-weight: bolder; //将左箭头
        }
    }
    .right {
        // border: 1px solid red;
        width: 10px;
        height: 40px;
    }
}
//搜索框的设置
.Searchbox {
    margin-top: 40px;
    overflow: hidden;
    height: 60px;
    width: 100%;
    background-color: #fff;
    .Searchtext {
        height: 40px;
        width: 90%;
        border: none; //去除搜索框的边框
        border-radius: 5px;
        //背景图片未搜索图标,位置在左边 图标大小为20px,搜索框的背景颜色为白色
        background: url(../../assets/img/InventoryManagement/sousuo.png) no-repeat left/20px #f6f9ff;
    }
}

//采购列表ul标签
.Requisitionlist {
    height: auto;
    width: 100%;
    // border: 1px solid red;

    //采购列表li标签
    .Requisitionitemimg {
        width: 8px;
        height: 60px;
        left: 20px;
    }

    .Requisitionitem {
        height: 162px;
        width: 100%;
        background-color: #fff;
        border-radius: 10px;

        //li标签中的头部文字信息 
        .Requisitiontoptext {
            height: 44px;

            // border: 1px solid blue;
            //某某某的申请审批
            .toptextleft {
                color: #333333;
            }

            //审批通过
            .toptextright {
                color: #3dd4a7;
            }
        }

        //申请部门 申请员工文字
        .Requisitioncentertext {
            height: 70px;
            color: #999999;
            line-height: 2;
            font-weight: 500;
            font-size: 13px;
            .Assetdetails{
                color: #2561ef;
            }
        }

        //li中的底部
        .Requisitionfootertext {
            height: 44px;
            line-height: 2;
            font-weight: 500;
            //li中的头像设置
            img {
                width: 44px;
                height: 44px;
            }

            //li底部中的某某某提交文字
            .Requisitionfooterleft {
                color: #333333;
            }

            //li底部中的某某某提交的时间
            .Requisitionfooterright {
                text-align: end;
                color: #cccccc;
            }
        }
    }

    //采购信息的  + 添加图标
    .addinfo {
        right: 23px;
        top: 504px;
        color: #2561ef;

        .iconfont {
            font-size: 40px;
        }
    }
}

//没有更多数据了文字
.Requisitionlisttext {
    text-align: center;
    color: #cccccc;
    margin-bottom: 50px;
}